import React from "react";
import { css } from "@linaria/core";
import { View, Input, Switch } from "@tarojs/components";
// 除了引入所需的组件，还需要手动引入组件样式

export interface ButtonProps {
  /** 属性类型定义，属性说明，必填值 */
  text: string;

  /**
   * 非必填，radio选项
   */
  size?: "small" | "medium" | "large";
  /**
   * 边框色
   */
  outlineColor?: string;
}

/**  组件简介，描述组件作用，必须要export */
export const Button = ({
  size = "small", // 默认值设置方式1
  ...props
}: ButtonProps) => {
  return (
    <View>
      123
      <Switch checked />
      <Input type="text" placeholder="将会获取焦点" focus />
    </View>
  );
};

Button.defaultProps = {
  outlineColor: "skyblue", // 默认值设置方式2
};
export default Button;
